import 'package:flutter/material.dart';
import 'package:sky_ui/sky_ui.dart';

class CollapseDemo1 extends StatefulWidget {
  const CollapseDemo1({super.key});

  @override
  State<CollapseDemo1> createState() => _CollapseDemo1State();
}

class _CollapseDemo1State extends State<CollapseDemo1> {
  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Container(
          decoration: BoxDecoration(
            color: SkyColors().white,
            border: Border(
              bottom: BorderSide(
                width: 1,
                color: SkyColors().baseBorder,
              ),
            ),
          ),
          child: const SkyCollapse(
            title: Text("78787889"),
            duration: Duration(milliseconds: 200),
            content: Text("在这个例子中，ListView包含了一些需要展示的文本项，但是如果你不想让这些文本项被助手访问，你可以将它们包装在ExcludeSemantics中。这样，当屏幕阅读器或其他辅助功能尝试访问这些小部件时，它们会被忽略。"),
          ),
        ),
        Container(
          decoration: BoxDecoration(
            color: SkyColors().white,
            border: Border(
              bottom: BorderSide(
                width: 1,
                color: SkyColors().baseBorder,
              ),
            ),
          ),
          child: const SkyCollapse(
            title: Text("78787889"),
            duration: Duration(milliseconds: 200),
            content: Text("在这个例子中，ListView包含了一些需要展示的文本项，但是如果你不想让这些文本项被助手访问，你可以将它们包装在ExcludeSemantics中。这样，当屏幕阅读器或其他辅助功能尝试访问这些小部件时，它们会被忽略。"),
          ),
        )
      ],
    );
  }
}
